<div id="contacto-page" class="container contacto-container only-section-container">
    <div class="row">
        <section id="contacto-container" class="span12 box-container">
            <header class="box-header">
                <span class="border-width bg-color-15"></span>
                <h2>contacto</h2>
<!--                <a class="aside btn-mobile btn-collapse" href="#"><span class="icons-collapse icon-collapse-down"></span></a>-->
            </header>

            <div class="row-fluid section-content">
                <div id="contacto-form-container" class="span6">
                    <b class="span title">Envianos tu consulta</b>
                    <form id="form-container" action="<?php echo base_url(); ?>controllers/contacto/send" method="post" class="">
                        <label for="name-field" class="field-container">
                            <b class="title span">Tu nombre completo</b>
                            <input type="text" value="" name="nombre" id="name-field" class="field span" />
                        </label>
                        <label for="email-field" class="field-container">
                            <b class="title span">Tu email</b>
                            <input type="text" value="" name="email" id="email-field" class="field span"/>
                        </label>
                        <label for="text-field" class="field-container">
                            <b class="title span">Consulta</b>
                            <textarea name="consulta" id="text-field" class="field span"></textarea>
                        </label>
                    </form>
                    <a href="<?php echo base_url(); ?>"  class="btn btn-green" id="submit-form-contacto"><span class="text">enviar</span></a>
                </div>
                <div id="contacto-links-container" class="span6">
                    <ul>
                        <li class="title email-item"><a href="mailto:info@dondereciclo.org"><b>info@dondereciclo.org</b></a></li>
                        <li class="subtitle">Mandanos un mail</li>
                        <li class="title facebook-item"><a href="http://www.facebook.com/DondeReciclo" target="_blank"><b>www.facebook.com/dondereciclo</b></a></li>
                        <li class="subtitle">Segunios en facebook</li>
                        <li class="title vimeo-item"><a href="http://vimeo.com/dondereciclo" target="_blank"><b>www.vimeo.com/dondereciclo</b></a></li>
                        <li class="subtitle">Mira nuestros videos</li>
                        <li class="title twitter-item"><a href="https://twitter.com/dondereciclo_ar/" target="_blank"><b>@dondereciclo_AR</b></a></li>
                        <li class="subtitle">Segunios en Twitter</li>
                    </ul>
                </div>
            </div>
        </section>
	<div id="myModal" class="modal hide fade">
	    <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3>ej: Gracias por su mensaje</h3>
	    </div>
	    <div class="modal-body">
		<p>ej: en breve nos estaremos contactacto con usted.</p>
	    </div>
	</div>
    </div>
</div>